<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
<meta name="format-detection" content="telephone=no" />
<meta name="apple-touch-fullscreen" content="YES" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="MobileOptimized" content="320" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<title>上品生活</title>
<link href="css/css.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery1.42.min.js"></script>
</head>

<body>
<div class="top"><a href="#"><img src="images/tb.png"/></a>
    <p>提现管理</p>
</div>

<div class="S-user_head">
   <img src="images/touxiang.jpg" class="user" />
   <p class="m1">会员ID：2015789</p>
   <p class="m2">
     <i class="S-xin_red"></i><i class="S-xin_red"></i><i class="S-xin_red"></i>
     <span>(2015)</span>
   </p>
</div>

<div class="S-user_box1">
  <ul class="kuang3">
    <li class="m1">可用：<span>300</span> 元</li>
    <li class="m2">冻结：700 元</li>
    <li class="m3">总额：1000 元</li>
  </ul>
  <div class="S-dandukuanng">
    <input type="text" name="" class="tx" placeholder="请输入提现金额" />
    <a href="" class="sub">确认提现</a>
  </div>
</div>

<div class="S-user_box1">
    <ul class="kuang3 S-tabk">
       <li><a href="javascript:void(0);" class="cover">提现记录</a></li>
       <li><a href="javascript:void(0);">冻结记录</a></li>
       <li><a href="javascript:void(0);">资金变动记录</a></li>
    </ul>

<table class="S-table">
  <tr class="title">
    <td>提现时间</td>
    <td>金额</td>
    <td>提现状态</td>
  </tr>
  <tr>
    <td>2015.03.28</td>
    <td>300</td>
    <td style="color:#CCC;">完成</td>
  </tr>
  <tr>
    <td>2015.03.28</td>
    <td>-300</td>
    <td style="color:#F00">审核中</td>
  </tr>
</table>
<table class="S-table" style="display:none;">
  <tr class="title">
    <td>冻结时间</td>
    <td>金额</td>
    <td>冻结状态</td>
  </tr>
  <tr>
    <td>2015.03.28</td>
    <td>-300</td>
    <td style="color:#CCC;">完成</td>
  </tr>
  <tr>
    <td>2015.03.28</td>
    <td>300</td>
    <td style="color:#F00">审核中</td>
  </tr>
</table>
<table class="S-table" style="display:none;">
  <tr class="title">
    <td>时间</td>
    <td>变动金额</td>
    <td>说明</td>
  </tr>
  <tr>
    <td>2015.03.28</td>
    <td>-300</td>
    <td>- 无 -</td>
  </tr>
  <tr>
    <td>2015.03.28</td>
    <td>300</td>
    <td>- 无 -</td>
  </tr>
</table>
<script type="text/javascript">
$(document).ready(function(e) {
    $(".S-tabk li a").click(function(){
	    $(".S-tabk li a").removeClass("cover");
		$(this).addClass("cover");
		var index = $(this).parent("li").index();
		$(".S-table").hide().eq(index).show();
	})
});
</script>
</div>
  
<div id="master_foot">
  <a href="" class="cover"><img src="images/bottom_10.png"><span>首页</span></a><a href=""><img src="images/bottom_12.png"><span>商品</span></a><a href=""><img src="images/bottom_03.png"><span>发布</span></a><a href="" class="xx"><i>1</i><img src="images/bottom_05.png"><span>信息</span></a><a href=""><img src="images/bottom_07.png"><span>我的</span></a>
</div>

</body>
</html>